<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>用户中心-英雄联盟周边商城</title>
    <link rel="stylesheet" href="../static/css/swb.css"/>
    <link rel="stylesheet" href="../static/css/public.css"/>
    <link rel="stylesheet" href="../static/css/UserCenter.css"/>
</head>

<body>
<header sty="hi75">
    <div class="banner cf">
        <div sty="mt17" class="logo-box ftl">
            <a sty="wi297 hi39" class="logo dpib" href="../Index/Index.html"></a>
        </div>
        <div sty="hi30 mt22" class="header-right-box ftr fdl">
            <div sty="pr20 cf">
                <a sty="pr6 lh30" href="">您好，请登录 </a>
            </div>
            <div sty="pr28 cf">
                <a href="">
                    <i sty="wi28 hi25 mt3 mr4" class="shop ftl"></i>
                    <span sty="lh30 pr6" class="ftl">购物车</span>
                    <span sty="wi20 hi20 lh20 mt7 " class="shop-num ftl tac">0</span>
                </a>
            </div>
            <div sty="pr28 cf">
                <i sty="wi24 hi26 mt3 mr4" class="service ftl"></i>
                <span sty="lh30" class="ftl">客服咨询</span>
            </div>
            <div sty="cf">
                <i sty="wi20 hi20 mt5 mr4" class="qr-code ftl"></i>
                <span sty="lh30" class="ftl">微信商城</span>
            </div>
        </div>
    </div>
</header>
<div class="main  bg-index">
    <div class="banner">
        <nav class="cf">
            <ul class="ftl">
                <li><a href="{{ url('index:index') }}">商城首页</a></li>
            </ul>
            <div sty="mt15 mr34" class="ftr pr cf">
                <input sty="wi239 hi30 fs14" class="ftl" type="text" onfocus="$('nav .default').hide()"
                       onblur="if (this.value == '') { $('nav .default').show() } else { $('nav .default').hide() }"/>
                <a sty="tp9 lt10 fs14" class="default pa" href="">阿狸</a>
                <div sty="wi45 hi30" class="search-btn ftl">
                    <a href="">
                        <i sty="wi21 hi21 mt5 ml12" class="dpib"></i>
                    </a>
                </div>
            </div>
        </nav>
        <div class="streamer">
            <img src="./images/mem_top.jpg" alt=""/>
        </div>
        <div class="main-content fdl" style=" min-height: 500px;">
            <div sty="wi180 pt10" class="main-content-left" style="height: 100%; background-color: #f6f6f6;">
                <ul>
                    <li>
                        <a href="{{ url('users:Shopping') }}">我的购物车</a>
                    </li>
                    <li>
                        <a href="{{ url('users:user_order') }}">我的订单</a>
                    </li>
                    <li>
                        <a href="{{ url('users:user_collect') }}">商品收藏</a>
                    </li>
                    {#                        <li>#}
                    {#                            <a href="javascript:;">福利中心</a>#}
                    {#                        </li>#}
                    <li>
                        <a href="{{ url('areas:user_address') }}">收货地址</a>
                    </li>
                    {#                        <li>#}
                    {#                            <a href="javascript:;">订阅中心</a>#}
                    {#                        </li>#}
                    <li class="active">
                        <a href="{{ url('users:user_data') }}">个人资料</a>
                    </li>
                    {#                        <li>#}
                    {#                            <a href="javascript:;">官方公告</a>#}
                    {#                        </li>#}
                </ul>
            </div>
            <div class="main-content-right-all">
                <div class="main-content-right"></div>
                <div id="order" sty="wi1020 pl40 pt20" class="main-content-right bsbb active">
                    <div sty="mb10" class="main-content-right-top">
                        <span sty="lh20">维护您的个人信息</span>
                        <p sty="lh20" style="color: #666;">完善以下个人信息，将有助于我们为您提供更定制化的服务。</p>
                    </div>
                    <div sty="pb100" class="main-content-right-content">
                        <form method="post" action="">
                            <table>
                                <tr height="38">
                                    <th sty="ti10" width="200">个人资料</th>
                                    <th width="740"></th>
                                    {% if game %}
                                        <tr height="50">
                                            <td class="tar">
                                                <span style="color: red;">*</span> 游戏QQ帐号：
                                            </td>
                                            <td>
                                                <input id="zhanghao" type="text" placeholder="请输入游戏账号"
                                                       value="{{ game }}" name="game">
                                            </td>
                                        </tr>
                                    {% else %}
                                        <tr height="50">
                                            <td class="tar">
                                                <span style="color: red;">*</span> 游戏QQ帐号：
                                            </td>
                                            <td>
                                                <input id="zhanghao" type="text" placeholder="请输入游戏账号" name="game">
                                            </td>
                                        </tr>
                                    {% endif %}
                                <tr height="50">
                                    <td class="tar">
                                        <span style="color: red;">*</span> 生日：
                                    </td>
                                    {% if birthday %}
                                        <td>
                                            <input id="shengri" type="text" placeholder="请输入您的生日" value="{{ birthday }}"
                                                   placeholder="格式2019-01-01" name="birthday">
                                        </td>
                                    {% else %}
                                        <td>
                                            <input id="shengri" type="text" placeholder="请输入您的生日"
                                                   placeholder="格式2019-01-01" name="birthday">
                                        </td>
                                    {% endif %}
                                </tr>
                                <tr height="50">
                                    <td class="tar">
                                        <span style="color: red;">*</span> 性别：
                                    </td>
                                    {% if gender == '1' %}
                                        <td>
                                            <input id="man" type="radio" checked="checked" name="gender" value="1"/>男
                                            <input id="woman" type="radio" name="gender" value="2"/>女
                                        </td>
                                    {% else %}
                                        <td>
                                            <input id="man" type="radio" name="gender" value="1"/>男
                                            <input id="woman" type="radio" checked="checked" name="gender" value="2"/>女
                                        </td>
                                    {% endif %}
                                </tr>
                                <tr height="50">
                                    <td class="tar">
                                        <span style="color: red;">*</span> 邮箱：
                                    </td>
                                    <td>
                                        <input id="youxiang" type="text" placeholder="请输入您的邮箱"
                                               value="{{ user.email }}" name="email">
                                    </td>
                                </tr>
                                <tr height="85">
                                    <td class="tar">
                                    </td>
                                    <td>
                                        <input type="submit" sty="wi120 hi34 lh34 fs16" class="dpib tac cp"
                                               style="background-color:#ed3029; color:#fff;" value="提交">
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<footer>
    <div sty="pt20 pb20" class="guarantee banner">
        <ul class="flex">
            <li>
                <i class="sales-return"></i>
                <span>7天无理由退换货</span>
            </li>
            <li>
                <i class="quality-goods"></i>
                <span>100%官方正品</span>
            </li>
            <li>
                <i class="pinkage"></i>
                <span>全场每单满199元包邮</span>
            </li>
        </ul>
    </div>
    <div class="issue">
        <div class="banner">
            <ul class="flex tac">
                <li>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>帐号注册与登录</dd>
                        <dd>购买流程介绍</dd>
                        <dd>支付方式</dd>
                        <dd>常见问题</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>配送服务</dt>
                        <dd>全场满199元免运费</dd>
                        <dd>配送范围及运费</dd>
                        <dd>配送进度查询</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>售后服务</dt>
                        <dd>7天无理由退换货</dd>
                        <dd>退换货流程</dd>
                        <dd>商品送错的处理方案</dd>
                        <dd>售后服务及投诉</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>服务中心</dt>
                        <dd>售前咨询 售后咨询</dd>
                        <dd>客服热线：0755-25727866</dd>
                        <dd>售后：service@lolriotmall.qq.com</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div sty="lh40" class="copy tac">技术支持：全栈12 师文博</div>
</footer>
</body>
<script src="../static/js/jquery.js"></script>
<script src="../static/js/swb.js"></script>
<script src="../static/js/UserCenter.js"></script>

</html>